<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>菜系介绍</title>
  <!-- Bootstrap -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
</head>

<body>
  <!--头部-->
  <header class="top">
    <div class="container">
      <div class="logo fontsize5 pull-left"><img src="images/logo (1).png" width="240" /></div>

    </div>
    <div class="search pull-right mes" onclick="op(this)">

    </div>
    <div class="menu clearfix">
      <ul class="container" style="width: 1000px">
        <li class=" first"><a href="index.html" target="_self">首页</a></li>
        <li class=""><a class="noborder " href="jinkou.html" target="_self">菜谱</a></li>
        <li class=""><a class="noborder " href="guonei.html" target="_self">食材</a></li>
        <li><a href="news.html" target="_self">健康</a></li>
        <li class=""><a class="noborder " href="remai.html" target="_self">推荐</a></li>
        <li class=""><a class="noborder " href="reg.html" target="_self">注册</a></li>
      </ul>
    </div>
  </header>
  <script>

    function op(ele) {
      var pDiv = ele.parentNode;
      if (pDiv.classList.contains("tdiv")) {
        pDiv.classList.remove("tdiv");
      } else {
        pDiv.classList.add("tdiv");
      }
    }
  </script>
  <div class="clearfix"></div>
  <div class="swiper-container">
    <div class="navigation">
      <ul class="container title">
        <li class=" first"><a href="index.html" target="_self">首页</a></li>
        <li class=""><a class="noborder " href="jinkou.html" target="_self">菜谱大全</a></li>
        <li class=""><a class="noborder " href="guonei.html" target="_self">食材大全</a></li>
        <li><a href="news.html" target="_self">健康健身</a></li>
        <li class=""><a class="noborder " href="remai.html" target="_self">最新推荐</a></li>
        <li class=""><a class="noborder " href="reg.html" target="_self">注册</a></li>
      </ul>
    </div>
    <img src="images/b.jpg" width="100%">
  </div>
  <div class="hei30"></div>
  <div class="container center bod">
    <div class="col-md-12 col-lg-12 ">
      <div class=" pad0 weizhi "> <span class="pull-left fontsize4">菜系介绍</span>
        <p class="clearfix"></p>
      </div>
      <br>
      <br>
      <div class="col-sm-6 col-xs-12"> <img src="images/tt2.jpg" style="height:300px ;"> </div>
      <div class="col-sm-6 col-xs-12">
        <h1 class="fontsize5">毛血旺</h1>
        <h2>
          <font color="#FF0000">￥59.00</font>
        </h2>
        <p>
          毛血旺又叫“冒血旺” ，其味道麻、辣、鲜、香四味俱全。“血旺”一词指血豆腐，一般用鸭血，个别有用猪血，主要食材还有鳝鱼片，毛肚，鱿鱼，肥肠，午餐肉等。口味麻辣，麻辣鲜香，汁浓味足。
          <br>
          观：打眼望去，一片“红海洋”。正宗的毛血旺，盆内的红油不会少于一半，而且油滑透亮，不浑不浊。其汤汁红亮、麻辣鲜香、味浓味厚的特点。油少不仅影响味道和口感，也不利于保温。在顺序上，建议先吃肉类后吃白菜、粉丝等物。因为菜叶易“挂油”，吃起来更辣。循序渐进，先从不太辣的吃起。
        </p>
        <div>
          <input type="submit" class="btn btn-danger" value="立即购买">
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="content"> </div>
    </div>
    <div class="clearfix "></div>
    <div class="hei30"></div>
  </div>
  <!--底部-->
  <div class="clearfix"></div>
  <div class="Footer-wrapper">
    <div class="fcr">网页底部 </div>
  </div>
</body>

</html>